$(function () {
    $("#att_grid").datagrid({
        /*自适应*/
        fit: true,
        /*向此地址发送请求获得数据填充表格*/
        url: '/attendance/query.do',
        columns: [/*此处为第一层列标题*/[
            {field: "signDate", title: "日期", width: 100},
            {
                field: "user", title: "员工姓名", width: 100, formatter: function (value) {
                    return value ? value.username : ''
                }
            },
            {
                field: "user_dept", title: "部门", width: 100, formatter: function (value, row) {
                    return row.user.dept ? row.user.dept.name : ""
                }
            },
            /*如果要显示同一个对象中的多个属性,field不能相同,那就不适用value,直接用row取出来*/
            {field: "signTime", title: "上班时间", width: 100},
            {field: "signTime_state", title: "上班状态", width: 100,formatter:function (value,row) {
                    return row.signTime > '08:30:00'? "<p color='red'>迟到</font>" : '<p>正常</p>'
                }},
            {field: "signOutTime", title: "下班时间", width: 100},
            {field: "signOutTime_state", title: "下班状态", width: 100,formatter:function (value,row) {
                if (row.signOutTime==null){
                    return "未下班"
                }
                    return '17:30:00'>row.signOutTime ?  "<p color='#f08080'>早退</p>":'<p>正常</p>'
                }},

        ]/*此处可以插入第二层标题*/],
        //为表格顶端的按键
        toolbar: "#tb",
        //真正的自动展开收缩列的大小,以适应网格的宽度,防水平滚动
        fitColumns: true,
        //可在行底显示分页工具栏
        pagination: true,
        //行码
        rownumbers: true,
        //只允许单选某行
        singleSelect: true,
    })
    //对弹窗进行初始化
    $("#att_dialog").dialog({
        width: 320,
        height: 420,
        resizable: true,
        buttons: '#form_btn',
        closed: true,
    })

})


function reload() {
    $("#att_grid").datagrid('reload');
}

//表单中的按键
function query() {
    var keyword = $("[name=keyword]").val();
    var deptId = $("[name=deptId]").val();
    var startTime=$("[name=startTime]").val();
    var finalTime=$("[name=finalTime]").val();
    $("#att_grid").datagrid('load', {
        keyword: keyword,
        deptId: deptId,
        startTime:startTime,
        finalTime:finalTime

    })
}

function cancel() {
    $("#att_dialog").dialog('close');
}
//签到
function sign() {
    $.post('/attendance/sign.do', function (data) {
        if (data.success) {
            $.messager.alert('温馨提示', '签到成功','info',function () {
                $("#att_grid").datagrid('reload');
            })
        } else {
            $.messager.alert('温馨提示', data.msg, 'warning');
        }
    })
}
//签退
function signOut() {
    $.post('/attendance/signOut.do', function (data) {
        if (data.success) {
            $.messager.alert('温馨提示', '签退成功','info',function () {
                $("#att_grid").datagrid('reload');
            })
        } else {
            $.messager.alert('温馨提示', data.msg, 'warning');
        }
    })
}
